PIXELSCRIPTS - TEMPLATE USER GUIDE AND HELP

*NOTE* it is possible that this guide may be a bit out of date. If something is incorrect, review http://pixelscripts.diaryland.com carefully. The FAQ / Help / Terms pages will have up-to-date information.

-------------------------------------------------------------------------------------------------------

Thanks for downloading one of my templates. Feel free to use it for whatever purpose, just remember, it's linkware. That means that all credit links need to remain visible, on every single page that displays the template. Editing is allowed.

If you need help, feel free to email me at jenni@jaydemail.com. Most questions can be answered here, or on the FAQ / Help page back at http://pixelscripts.diaryland.com.

-------------------------------------------------------------------------------------------------------

TERMS OF USE

1.) Yes, you may alter a template.


2.) Link me on all pages containing my work, please.


3.) Do not direct link the images.


4.) Please keep additional credits intact.


5.) Websites engaging in commercial endeavors are prohibited from using PixelScripts link ware.


6.) Review the FAQ and Help page back at PixelScripts carefully before you e-mail me with a question. 

-------------------------------------------------------------------------------------------------------

HOW TO USE PIXELSCRIPTS LINKWARE



I.) FIND A HOST FOR THE IMAGES

Before you begin editing your template, your should look for a place to host the images that came with your layout. This section is something you will have to do on your own, but here is what I would do: 

Go to http://www.villagephotos.com. They provide free web hosting services, and you can upload images there, and remotely link them on your diaryland account. 

All you have to do is sign up for a a new account and upload all the images for your template. 

When you upload the image, the address to it will be something like http://www.villagephotos.com/pubbrowse.asp?selected=171769. Find out where the image is, and record the URL, you will need it for Step Two below.



II.) EDIT YOUR LAYOUT

Navigate to the folder that contains your downloaded template, so you can work on it.

right click on the index.html file, and navigate to "open with".

In the slide out window, if you do not see "notepad" then click on "choose program" and select "notepad".

Inspect each line of code carefully and look for words in capital letters, and words enclosed in <!--these comment tags-->. This will assist you.

If your signmyguestbook.com username is the same as your diaryland.com username, and you like all the links as is, then all you will have to edit is the address of the images.

Where the code indicates <!--PUT THE URL OF WHATEVERIMAGE.JPG IN THE NEXT LINE-->, place the complete web address of the image that you downloaded. This means that you will have to have an image host.

Do the same edits for the older.html document, and your done.



III.) UPLOAD TO DIARYLAND

If your template is fully functional, then it's ready to be uploaded.

Open up index.html in notepad (so you can copy and paste all the code). 

Go to diaryland.com. 

Log in. 

Go to the "edit your template" page. 

You will have four options on the next page that pops up. You will want to edit the first two. 

To edit the index page, choose "click here to change how each of your entry pages look". 

Highlight all of the text in notepad, press and hold the ctrl button and press C to copy ( or go to edit > copy ) Then go on diaryland, and press ctrl + V to paste (or edit > paste). 

Do the same for older.html by going back to the "edit your template page", and then "click here to change how your older.html archive page looks".

-------------------------------------------------------------------------------------------------------

STUCK?

I.) HOW TO UPLOAD IMAGES TO VILLAGEPHOTOS.COM

First you need to set up an account at villagephotos.com. That should be the easy part. 

Login 

On the right, where it says "my albums" click "photos". 

On the next screen, near the top, click "Upload New Images to this folder." 

In the gray box, uncheck "Automatically optimize JPEG images". This will cause the box to expand suddenly. 

Click one of the browse buttons (Just pick one). 

Navigate through your computer until you find the desired image (it will be a .gif, or .jpg). 

Click the file once to highlight it, then click "Open" on the dialog box (or press enter). 

Click "upload". 

Click "Click here to continue!" 

On the next screen, Near the middle you will see thumbs of your images. Click "click to zoom" under the image you just uploaded. 

Look for something like:
The public URL 
URL of this image for sharing on websites, auctions, bulletin boards, etc. 
http://image1ex.villagephotos.com/pubimage.asp?id_=1676040 
Copy the http://image1ex.villagephotos.com/pubimage.asp?id_=1676040 part.

Now go into your template's HTML code. Look for something like this:
<!-- IN THE NEXT LINE PLACE THE URL OF BLAH.JPG WHERE IT SAYS BLAH.JPG-->
<img src="blah.jpg" border="0" /> 

Change blah.jpg to that long address. In my case I would change it to this:
<img src="http://image1ex.villagephotos.com/pubimage.asp?id_=1676040" border="0" /> 

Make absolutely certain that you didn't add any spaces. That is the #1 mistake most people make. Like this:
<img src=" http://image1ex.villagephotos.com/pubimage.asp?id_=1676040 " border="0" /> 
See the space at the beginning and end?



II.) EDITING YOUR IMAGE LINKS

The #1 question in my inbox is, "Why won't my image show up?". The first thing you will need to do is get your images uploaded to a server that will allow you to remotely link image files, such as villagephotos.com. The help section directly above this one will cover villagephoto uploading, and etc.

You need to find out what the web address is for your image. It will be long, and start with http://.

Go into your code, and look for something like:
<!--THE URL OF BLAH.JPG GOES IN THE NEXT LINE, DO NOT ADD SPACES-->
<img src="blah.jpg" border="0" />

You need to place the address of your image where it says blah.jpg (or .gif). For example, if the address of my image was http://image1ex.villagephotos.com/pubimage.asp?id_=1676040, I would make my image link look like this:
<img src="http://image1ex.villagephotos.com/pubimage.asp?id_=1676040" border="0" /> 

Sometimes you see something like this:
<!--THE URL OF BLAH.JPG GOES IN THE NEXT LINE, DO NOT ADD SPACES-->
<table cellspacing="0" cellpadding="0" border="0" width="640" height="375" background="blah.jpg" class="box">

The procedure is the same, I would make my new line of code look like this (To save space, I just put http://image.....):
<table cellspacing="0" cellpadding="0" border="0" width="640" height="375" background="http://image....." class="box">

Another common image link will look like this:
<!--THE URL OF BLAH.JPG GOES IN THE NEXT LINE, DO NOT ADD SPACES-->
<td width="275" style="background-image: url(blah.jpg); background-repeat: no-repeat; ">.</td>

This can be a bit tricky for some, the address goes where it says "blah.jpg", not where it says "url". If it was me editing the code, I would make my line of HTML look like this:
<td width="275" style="background-image: url(http://.....); background-repeat: no-repeat; ">.</td>

Notice that the web address goes in the (parentheses), without spaces.

Dont' let all of this seem hard. When in doubt, just remember, all you have to do is replace the whateverfile.jpg or whateverfile.gif with the web address of your image, and just don't add spaces that aren't already there, or have been included in the web address.